
    $('#clothTable').bootstrapTable({
        classes: 'table table-bordered table-hover table-striped',
        url: 'getSoldList',
        method: 'get',
        contentType:'application/json',
        dataType : 'json',        // 因为本示例中是跨域的调用,所以涉及到ajax都采用jsonp,
        uniqueId: 'recordId',
        idField: 'recordId',             // 每行的唯一标识字段
        cache: false,
        toolbar: '#toolbar',       // 工具按钮容器
        clickToSelect: false,     // 是否启用点击选中行
        showColumns: true,         // 是否显示所有的列
        showRefresh: true,         // 是否显示刷新按钮
        buttonsToolbar: '#buttonsToolbar',
        showToggle: true,        // 是否显示详细视图和列表视图的切换按钮(clickToSelect同时设置为true时点击会报错)

        pagination: true,                    // 是否显示分页
        sortOrder: "asc",                    // 排序方式
        sidePagination: "client",            // 分页方式：client客户端分页，server服务端分页
        pageNumber: 1,                       // 初始化加载第一页，默认第一页
        pageSize: 10,                        // 每页的记录行数     // 可供选择的每页的行数
        search: true,                      // 是否显示表格搜索，此搜索是客户端搜索

        //showExport: true,        // 是否显示导出按钮, 导出功能需要导出插件支持(tableexport.min.js)
        //exportDataType: "basic", // 导出数据类型, 'basic':当前页, 'all':所有数据, 'selected':选中的数据

        columns: [{
            field: 'saleId',
            title: '出售记录ID',
            sortable: true,
            align: 'center'
        }, {
            field: 'saleWeight',
            title: '出售重量'
        }, {
            field: 'names',
            title: '姓名',
            sortable: true
        },{
            field: 'saleMoney',
            title: '出售金额'
        }, {
            field: 'recordId',
            title: '记录ID'
        },{
            field: 'createTime',
            title: '创建时间',
            sortable: true,
            formatter:function (value) {
                return new Date(+new Date(new Date(value).toJSON()) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
            }
        },
        ],
        onLoadSuccess: function(data){
            $("[data-toggle='tooltip']").tooltip();
        }
    });

